<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/Shopping.css" />
  </head>

  <body>
    <div class="main-box">
      <!-- 头部区域 -->
      <header>
        <div class="wpr">
          <section class="logo" >
            <a href="#" title="返回首页" onclick="homepage()">
              <img src="./img/icon.png" alt="" />
              <div class="right">
                <h3>熊猫优选</h3>
                <span>XIONG MAO YOU XUAN</span>
              </div>
            </a>
          </section>
          <!-- <section class="wpr_seh">
                    <div class="sch">
                        <input type="text" placeholder="收索商品，发现跟多优惠">
                        <div class="btn">收索</div>
                    </div>
                </section>
                <section class="ate">
                    <ul>
                        <li>
                            <img src="./img/logo1.png" alt="">
                            <span>全程包邮</span>
                        </li>
                        <li>
                            <img src="./img/logo2.png" alt="">
                            <span>7天退货</span>
                        </li>
                        <li>
                            <img src="./img/logo3.png" alt="">
                            <span>品质保证</span>
                        </li>
                    </ul>
                </section> -->
        </div>
      </header>
      <!-- 导航栏区域 -->
      <div class="tab">
        <ul>
          <li class="bn" onclick="homepage()">返回首页</li>
          <!-- <li onclick="supplemental()">9块9包邮</li>
                <li>超值大额卷</li>
                <li>夏季女装上新</li> -->
        </ul>
      </div>
      <!-- 主要内容区域 -->
      <div class="min_box">
        <div class="container">
          <table>
            <!-- 动态tr 购物项 -->
            <!-- <script type="text/html" id="cartList">
                  <tr>
                      <th><input type="checkbox" onclick="onAll()" name="checkAll" {{qx ? 'checked' :''}}></th>
                      <th>商品图片</th>
                      <th>商品信息</th>
                      <th>单价</th>
                      <th>数量</th>
                      <th>总价</th>
                      <th>操作</th>
                  </tr>
                  {{ each cart}}
                  <tr>
                      <td><input type="checkbox" name="checkItem" data-index="{{ $value.id }}" {{
                              $value.state? 'checked' :''}}></td>
                      <td><img src="{{ $value.img }}" alt="pic1"></td>
                      <td>{{ $value.name }}</td>
                      <td>￥{{ $value.price }}</td>
                      <td>
                            <input type="button" name="minus" value="-" onclick="onMinusPrice({{ $value.id }})" >
                            <input type="text" name="amount"  value="{{ $value.num }}" onblur="onAmout({{ $value.id }},this)">
                            <input type="button" name="plus" value="+" onclick="onPlusPrice({{ $value.id }})">
                      </td>
                      <td>￥{{ $value.singlePrice}}
                      <td><a href="#">移入收藏</a><br />
                        <a href="#"  onclick="onDelete({{ $value.id }})">删除</a></td>

                      </td>
                      <td>
                          
                      </td>
                  </tr>
                  {{ /each }}
            </script> -->
          </table>

          <h3>商品总价:<span class="total-price" >￥0</span></h3>
        </div>
      </div>
      <!-- 返回顶部区域 -->
      <div class="D-top">
        <img src="./img/top.png" alt="" />
      </div>
      <!-- 页脚 -->
      <footer>
        <div class="ctr">
          <img src="./img/icon.png" alt="" />
          <div class="ctr-a">
            <h1>熊猫优选</h1>
            <p class="sgn">
              年轻人网购首选
              <br />
              购物领卷更省钱
            </p>
          </div>
          <div class="ctr-b">
            <p class="me">
              <span>|</span>
              <a href="#">下载App</a>
            </p>
          </div>
          <div class="ctr-c">
            <img src="./img/policeIcon.png" alt="" />
            <p class="ms">
              <span>浙公安网备案 33010602009949号 | </span>
              ICP备案号：
              <a href="#">ICP备案号: 浙ICP备17012864号-1</a>
              |
            </p>
            <img src="./img/license.png" alt="" />
            <p class="ms">证照信息</p>
          </div>
        </div>
      </footer>
      <div class="fter">
        <img src="./img/aqkx_83x30.png" alt="" />
      </div>
    </div>

    <script src="./js/jquery-3.6.0.js"></script>
    <script src="./js/template-web.js"></script>
    <script src="./js/Shopping.js"></script>
  </body>
</html>
